import React from 'react';
import { AutoComplete, InputGroup, VStack, HStack, Text, Divider } from 'rsuite';
import DefaultPage from '@/components/layout/Page';
import SearchIcon from '@rsuite/icons/Search';
import MemberIcon from '@rsuite/icons/Member';
import ImportGuide from '@/components/ImportGuide';

const inDocsComponents = {
  'import-guide': () => <ImportGuide components={['AutoComplete']} />
};

export default function Page() {
  return (
    <DefaultPage
      inDocsComponents={inDocsComponents}
      dependencies={{
        AutoComplete,
        InputGroup,
        SearchIcon,
        MemberIcon,
        VStack,
        HStack,
        Text,
        Divider
      }}
    />
  );
}
